<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>下单</title>
    <meta name="keywords" content="DeathGhost,DeathGhost.cn,web前端设,移动WebApp开发"/>
    <meta name="description" content="DeathGhost.cn::H5 WEB前端设计开发!"/>
    <meta name="author" content="DeathGhost"/>
    <link th:href="@{/style/style.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/style/bootstrap.btn.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/public.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/js/jqpublic.js}"></script>
</head>
<body>
<!--引用头部导航栏代码块-->
<div th:replace="~{commons/common::top}"></div>

<!--Start content-->
<section class="Psection MT20" id="Cflow">
    <!--如果用户未添加收货地址，则显示如下-->
    <div class="confirm_addr_f">

        <!--配送方式及支付，则显示如下-->
        <!--check order or add other information-->
        <div class="pay_delivery">
            <span class="flow_title">在线支付方式：</span>
            <form>
                <ul>
                    <li><input checked type="radio" name="pay" id="alipay" value="alipay"/><label for="alipay"><i
                            class="alipay"></i></label></li>
                </ul>
            </form>
        </div>

        <div class="inforlist">
            <form action="#">
                <span class="flow_title">商品清单</span>
                <table>
                    <th class="tb1_td5">名称</th>
                    <th class="tb1_td5">数量</th>
                    <th class="tb1_td5">价格</th>
                </table>
                <table th:each="orderitem:${orderItemList}">
                    <tr>
                        <td class="tb1_td5">[[${orderitem.meal.meal_name}]]</td>
                        <td class="tb1_td5">[[${orderitem.num}]]</td>
                        <td class="tb1_td5">[[${orderitem.num * orderitem.meal.meal_price_now}]]</td>
                    </tr>
                </table>
            </form>

            <span class="flow_title">订单信息：</span>
            <form method="post" th:action="@{/order/submit}">
                <table>
                    <!--隐藏提交order_price-->
                    <input hidden type="text" name="money" th:value="${num}">
                    <tr>
                        <td width="40%" align="right" style="color:darkred;">送餐地址：</td>
                        <td>
                            <input type="text" id="order_adress" name="order_adress" required>
                        </td>
                    </tr>
                    <tr>
                        <td width="40%" align="right" style="color:darkred;">联系电话：</td>
                        <td>
                            <input type="number" id="order_phone" name="order_phone" required>
                        </td>
                    </tr>
                    <tr>
                        <td width="40%" align="right" style="color:darkred;">收件人：</td>
                        <td>
                            <input type="text" id="order_username" name="order_username" required>
                        </td>
                    </tr>
                    <tr>
                        <td width="40%" align="right" style="color:darkred;">餐具数量：</td>
                        <td>
                            <input type="text" id="order_cj_size" name="order_username" required>
                        </td>
                    </tr>
                </table>
                <div class="Order_M">
                    <p><em>订单附言:</em><input name="order_remarks" type="text" placeholder="可选填"></p>
                </div>
                <div class="Sum_infor">
                    <p class="p2">合计：<span>[[${num}]]</span></p>
                    <input type="submit" value="提交订单" class="p3button"/>
                </div>
            </form>
        </div>
    </div>
</section>

<!--End content-->
<!--引用底部栏代码块-->
<div th:replace="~{commons/common::last}"></div>
</body>
</html>
